export default `

	<div>
		<span style="font-size: 25px;">控件属性</span>
	</div>

<form name="widgets" style="margin: 20px 0 20px 0;">
	<span style="margin-right: 20px;">
		<input type="checkbox" value="multiple" name="multiple" id="field1"></input>
		<label for="field1">是否多选<label>
	</span>
	<span style="margin-right: 20px;">
		<input type="checkbox" value="allowDeselect" name="allowDeselect" id="field2"></input>
		<label for="field2">是否允许在单个选择下拉列表中取消选择值<label>
	</span>
	<div style="margin-top: 10px;">
		<span>
			<label>搜索框显示的默认值：</label>
			<input type="text" name="searchPlaceholder" style="width: 300px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label>搜索框没有搜索到数据时显示的文字：</label>
			<input type="text" name="searchText" style="width: 300px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label>下拉框显示的默认值：</label>
			<input type="text" name="placeholder" style="width: 300px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label>要显示字段的名称，必填项：</label>
			<input type="text" name="text-field" style="width: 300px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label>要显示的一级分类的名称：</label>
			<input type="text" name="catagory-field" style="width: 300px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label>下拉框数据：</label>
			<input type="text" name="data"  style="width: 600px;" value='[{"text":"AAAAAA", "value":123, "value2": "abc"},{"text":"BBBBBB"},{"text":"CCCCCC"},{"text":"DDDDDD"},{"text":"EEEEEE"}]'></input>
		</span>
	</div>
	<br>
	<span style="color:red;">下拉框的选项来源有两种：1、传入参数data;2、使用"option"标签。</span>
	<br>
	传入的数据格式为两种：1、单个选项，2、分组选项。
	<br>
	单个选项传入的数据格式有两种：[{text:'***'}],需指定显示字段名称；['****']。
	<br>
	分组传入的数据格式：[{"text":"一二三", "c": "aaa"},{"text":"BBBBBB", "c": "bbb"},{"text":"CCCCCC", "c": "ccc"}],需要指定显示字段名称和一级分类的名称；
	<br>
	<span>不能在通过控件设置选中值后再调用控件方法获取选中值，这种操作是不合理的</span>
	<br>
	<input type="button" value="预览" style="width: 200px;height: 40px;" data-feidao-actions="click:eu-014" />
</form>
</div>

<div data-feidao-actions="fdwe-select-change:eu-002" data-feidao-presentation="p02" style="width:200px;height:260px;display:inline-block;float:left;"></div>

<textarea data-feidao-id="fd-w000018-002" cols=60 rows=10 style="float:left;"></textarea>

<div data-feidao-actions="fdwe-select-change:eu-003" data-feidao-presentation="p03" style="width:200px;height:260px;display:inline-block;margin-left:500px;"></div>

<textarea data-feidao-id="fd-w000018-003" cols=60 rows=10 style="float:right;"></textarea>

<div>
<span style="font-size: 25px;">控件方法</span><br>
<textarea data-feidao-id="fd-w000018-005" cols=80 rows=15 style="float:right;margin-right:200px;"></textarea>
	<table style="margin: 20px 0 20px 0;text-align: center;width: 1200px;">
		<thead>
			<td>按钮名称</td>
			<td>控件方法</td>
			<td>调用方法</td>
		</thead>
		<tbody>
			<tr>
				<td>将下拉框禁用</td>
				<td>disable</td>
				<td>
					<input type="button" style="width: 300px;" value="将下拉框禁用" style="margin:10px;" data-feidao-actions="click:eu-001">
				</td>
			</tr>
			<tr>
				<td>返回当前所选值的字符串或数组</td>
				<td>get_selected</td>
				<td>
					<input type="button" style="width: 300px;" value="返回当前所选值的字符串或数组" style="margin:10px;" data-feidao-actions="click:eu-004">
				</td>
			</tr>
			<tr>
				<td>设置当前选择的值</td>
				<td>set_selected</td>
				<td>
					<input type="text" style="width: 300px;" style="margin:10px;" placeholder="当前选择的值" data-feidao-id="select-id">
					<input type="button" style="width: 300px;" value="设置当前选择的值" style="margin:10px;" data-feidao-actions="click:eu-005">
				</td>
			</tr>
			<tr>
				<td>设置原始选择和重新渲染选择的选项</td>
				<td>set_data</td>
				<td>
					<input type="text" style="width: 300px;" style="margin:10px;" placeholder="重新渲染选择的选项" data-feidao-id="render-id">
					<input type="button" style="width: 300px;" value="设置原始选择和重新渲染选择的选项" style="margin:10px;" data-feidao-actions="click:eu-006">
				</td>
			</tr>
			<tr>
				<td>在原始的选项中添加数据</td>
				<td>add_data</td>
				<td>
					<input type="text" style="width: 300px;" style="margin:10px;" placeholder="添加数据" data-feidao-id="add-id">
					<input type="button" style="width: 300px;" value="在原始的选项中添加数据" style="margin:10px;" data-feidao-actions="click:eu-007">
				</td>
			</tr>
		</tbody>
	</table>
</div>
</div>
<div>
<span style="font-size: 25px;">控件事件</span>
</div>
<div>
<span style="font-size: 18px;">控件内所有的用户操作不需在组件中绑定事件，应是组件获取控件的内容或属性。获取方式有两种：一、通过调用控件的方法；二、控件向外抛出事件</span>
</div>
<div>
控件抛出的事件：fdwe-select-change----选择值发生改变时抛出

<span>事件抛出的内容如下所示，内容为组件相应函数中的args参数</span>
</div>
`;
